@charset "utf-8";

.swiper-fluid{position: relative;}
.swiper-grid{position: relative; overflow: hidden;}
.swiper-pagination.position{position: absolute; right: 6px; left: 6px; bottom: 5px; z-index: 10; width: auto !important; text-align: center;}
.swiper-pagination.position .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; margin: 0 4px; font-size: .625em; color: #a3a3a3; text-align: center; line-height: 8px; border-radius: 100px; cursor: pointer; transition: all .3s; border: none;}
.swiper-pagination.position .swiper-active-switch{color: #fff;}
.swiper-pagination.position.nor .swiper-pagination-switch{border-radius: 0;}
.swiper-pagination.bullet-lg .swiper-pagination-switch{width: 14px; height: 14px; line-height: 14px;}
.swiper-pagination.default .swiper-pagination-switch{background: #ccc;}
.swiper-pagination.default .swiper-active-switch{background: #005293;}

.swiper-pagination.border .swiper-pagination-switch{border: 1px solid #a6a6a6;}
.swiper-pagination.border .swiper-active-switch{background: #005293; border-color: #005293;}

.swiper-pagination.white .swiper-pagination-switch{background: #fff; opacity: .65; filter: alpha(opacity=65);}
.swiper-pagination.white .swiper-active-switch{background: #fff; opacity: 1; filter: alpha(opacity=100);}

.swiper-pagination.blue .swiper-pagination-switch{background: #007aff; opacity: .25; filter: alpha(opacity=25);}
.swiper-pagination.blue .swiper-active-switch{background: #007aff; opacity: 1; filter: alpha(opacity=100);}

.swiper-pagination.red .swiper-pagination-switch{background: #c2d8e9;}
.swiper-pagination.red .swiper-active-switch{background: #fa6155;}

.swiper-pagination.trans .swiper-active-switch{width: 24px;}
.swiper-pagination.line .swiper-pagination-switch{width: 25px; height: 6px;}
.swiper-pagination.line-lg .swiper-pagination-switch{width: 40px; height: 6px;}
.swiper-pagination.static{position: static; margin-bottom: 0;}
.swiper-pagination.right{left: auto !important; margin-bottom: 0;}
.swiper-pagination.left{right: auto !important; margin-bottom: 0;}
@media (max-width:1280px) {
  .swiper-pagination.line .swiper-pagination-switch{width: 20px;}
}

.swiper-ctrl-button{position: absolute; top: 50%; z-index: 10; margin-top: -38px; width: 36px; height: 75px; cursor: pointer; transition: all .3s; cursor: pointer; border: none; overflow: hidden;}
.swiper-ctrl-button i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; text-align: center; font-size: 2.25em; color: #fff; line-height: 1em; margin-top: -.5em;}
.swiper-ctrl-button b{position: absolute; top: 50%; z-index: 2; width: 0; height: 0; margin-top: -12px; overflow: hidden; border: 12px solid transparent;}
.swiper-ctrl-button.swiper-ctrl-prev{left: 0;}
.swiper-ctrl-button.swiper-ctrl-next{right: 0;}
.swiper-ctrl-button.swiper-ctrl-next i{margin-right: -3px;}
.swiper-ctrl-button.swiper-ctrl-prev b{left: -5px; border-right-color: #5d91ce;}
.swiper-ctrl-button.swiper-ctrl-next b{right: -5px; border-left-color: #5d91ce;}

.swiper-ctrl-button.resize.radius.swiper-ctrl-prev:after{left: 0; border-radius: 0 5px 5px 0;}
.swiper-ctrl-button.resize.radius.swiper-ctrl-next:after{right: 0; border-radius: 5px 0 0 5px;}
.swiper-ctrl-button.resize:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}
.swiper-ctrl-button.resize.md{width: 36px; height: 64px; margin-top: -32px;}
.swiper-ctrl-button.resize.md i{font-size: 1.5em;}
.swiper-ctrl-button.resize.sm{width: 30px; height: 46px; margin-top: -23px;}
.swiper-ctrl-button.resize.sm i{font-size: 1.5em;}
.swiper-ctrl-button.resize.xs{width: 20px; height: 40px; margin-top: -20px;}
.swiper-ctrl-button.resize.xs i{font-size: 1.25em; font-weight: normal;}
.swiper-ctrl-button.resize.lg{top: 0; bottom: 0; width: 30px; height: 100%; margin-top: auto;}
.swiper-ctrl-button.resize.lg i{font-size: 1.75em; font-weight: normal;}
.swiper-ctrl-button.resize.xxs{width: 18px; height: 30px; margin-top: -15px;}
.swiper-ctrl-button.resize.xxs i{font-size: 1em; font-weight: normal;}
@media (max-width:1280px) {
  .swiper-ctrl-button.resize.md{width: 30px; height: 50px; margin-top: -25px;}
  .swiper-ctrl-button.resize.md i{font-size: 1.375em;	}
}

.swiper-ctrl-button.white65:after{background: #fff; opacity: .65; filter: alpha(opacity=65);}
.swiper-ctrl-button.white65 i{color: #999;}
.swiper-ctrl-button.white65:hover:after{opacity: .5; filter: alpha(opacity=50);}
.swiper-ctrl-button.white65:hover i{color: #666;}
.swiper-ctrl-button.black50 i{color: #fff;}
.swiper-ctrl-button.black50:after{background: #000; opacity: .5; filter: alpha(opacity=50);}
.swiper-ctrl-button.black50:hover:after{opacity: .65; filter: alpha(opacity=65);}
.swiper-ctrl-button.black30 i{color: #fff;}
.swiper-ctrl-button.black30:after{background: #000; opacity: .3; filter: alpha(opacity=30);}
.swiper-ctrl-button.black30:hover:after{opacity: .5; filter: alpha(opacity=50);}
.swiper-ctrl-button.gray i{color: #aaa;}
.swiper-ctrl-button.gray:after{background: #f7f7f7;}
.swiper-ctrl-button.gray:hover:after{background: #e2e2e2;}
.swiper-ctrl-button.gray:hover i{color: #666;}
.swiper-ctrl-button.white i{color: #aaa;}
.swiper-ctrl-button.white{box-shadow: 0 0 20px rgba(0,0,0,.15);}
.swiper-ctrl-button.white:after{background: #ffffff;}
.swiper-ctrl-button.white:hover{box-shadow: 0 0 20px rgba(0,0,0,.25);}
.swiper-ctrl-button.white:hover i{color: #015293;}
.swiper-ctrl-button.round:after{border: 3px solid #c4c4c4;}
.swiper-ctrl-button.round i{color: #c4c4c4; font-weight: bold;}
@media (max-width:1280px) {
  .swiper-ctrl-button.round:after{border-width: 2px;}	
  .swiper-ctrl-button.round i{font-weight: normal;}	
}
.setIE.ie8 .swiper-ctrl-button.white:after{border: 1px solid #e2e2e2;}
.setIE.ie8 .swiper-ctrl-button.white:hover:after{border: 1px solid #e6e6e6;}

.swiper-ctrl-button.overflow{width: 32px; height: 32px; margin-top: -16px; border-radius: 50%;}
.swiper-ctrl-button.overflow i{font-size: 1.375em;}
.swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -48px;}
.swiper-ctrl-button.overflow.swiper-ctrl-next{right: -48px;}
.swiper-ctrl-button.overflow:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; border-radius: 100px;}
.swiper-ctrl-button.overflow.float.swiper-ctrl-prev{left: -16px;}
.swiper-ctrl-button.overflow.float.swiper-ctrl-next{right: -16px;}
.swiper-ctrl-button.overflow.sm{width: 46px; height: 46px; margin-top: -20px;}
.swiper-ctrl-button.overflow.sm i{font-size: 1.5em;}

.swiper-ctrl-button.overflow.xs{width: 36px; height: 36px; margin-top: -18px;}
.swiper-ctrl-button.overflow.xs i{font-size: 1.125em;}
.swiper-ctrl-button.overflow.xs.swiper-ctrl-prev{left: -48px;}
.swiper-ctrl-button.overflow.xs.swiper-ctrl-next{right: -48px;}
.swiper-ctrl-button.overflow.xs.float.swiper-ctrl-prev{left: -18px;}
.swiper-ctrl-button.overflow.xs.float.swiper-ctrl-next{right: -18px;}

.swiper-ctrl-button.overflow.lg{width: 52px; height: 52px; margin-top: -26px;}
.swiper-ctrl-button.overflow.lg i{font-size: 1.5em;}
.swiper-ctrl-button.overflow.lg.swiper-ctrl-prev{left: -60px;}
.swiper-ctrl-button.overflow.lg.swiper-ctrl-next{right: -60px;}
.swiper-ctrl-button.overflow.lg.float.swiper-ctrl-prev{left: -26px;}
.swiper-ctrl-button.overflow.lg.float.swiper-ctrl-next{right: -26px;}

.swiper-ctrl-button.overflow.static{position: relative; top: auto !important; display: inline-block; margin-top: 0;}
.swiper-ctrl-button.overflow.static.swiper-ctrl-prev{left: auto !important;}
.swiper-ctrl-button.overflow.static.swiper-ctrl-next{right: auto !important;}
@media (max-width:1500px) {
  .swiper-ctrl-button.resize.mini{width: 20px; height: 40px; margin-top: -20px;}
  .swiper-ctrl-button.resize.mini i{font-size: 1.25em;}	
}
@media (max-width:1280px) {
  .swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -15px !important;}
  .swiper-ctrl-button.overflow.swiper-ctrl-next{right: -15px !important;}
  
  .swiper-ctrl-button.overflow.sm{width: 40px; height: 40px; margin-top: -20px;}
  .swiper-ctrl-button.overflow.sm i{font-size: 1.25em;}
  
  .swiper-ctrl-button.overflow.lg{width: 40px; height: 40px; margin-top: -20px;}
  .swiper-ctrl-button.overflow.lg i{font-size: 1.375em;}
}
@media (max-width:992px) {
  .swiper-ctrl-button.resize.mini i{font-size: 1.25em;}	
  .swiper-ctrl-button.resize.lg{width: 24px;}
  .swiper-ctrl-button.resize.lg i{font-size: 1.5em;}
  
  .swiper-ctrl-button.overflow.sm{width: 36px; height: 36px; margin-top: -18px;}
  .swiper-ctrl-button.overflow.sm i{font-size: 1.25em;}
}
@media (max-width:414px) {
  .swiper-ctrl-button.resize.normal{width: 25px; height: 40px; margin-top: -20px;}	
  .swiper-ctrl-button.resize.normal i{font-size: 1.375em;}
}

.swiper-toolbar{text-align: center;}
.swiper-toolbar > *{display: inline-block; position: relative; left: auto; margin-top: auto !important; vertical-align: middle;}
.swiper-toolbar > .swiper-ctrl-prev{margin-right: 15px;}
.swiper-toolbar > .swiper-ctrl-next{margin-left: 15px;}
.swiper-toolbar > .none{display: none;}
@media (max-width:992px) {
  .swiper-toolbar > .swiper-ctrl-prev{margin-right: 10px;}
  .swiper-toolbar > .swiper-ctrl-next{margin-left: 10px;}	
}
